<template>
    <div>
        <v-container>
            <v-toolbar
                    tabs
            >
                <v-tabs
                        v-model="model"
                        centered
                        fixed-tabs
                >
                    <v-tab
                            key="success"
                            href="#tab-success">
                        有效电报
                    </v-tab>

                    <v-tab
                            key="error"
                            href="#tab-error">
                        异常电报
                    </v-tab>
                </v-tabs>
            </v-toolbar>


            <v-tabs-items v-model="model">
                <v-tab-item
                        key="success"
                        value="tab-success">
                    <NormalTable/>
                </v-tab-item>

                <v-tab-item
                        key="error"
                        :value="'tab-error'"
                >
                    <ErrorTable/>
                </v-tab-item>
            </v-tabs-items>

        </v-container>
    </div>
</template>

<script>
    import NormalTable from 'views@/write/WriteNormalList.vue';
    import ErrorTable from 'views@/write/WriteErrorList.vue';

    export default {
        name: "WriteTableList",
        components: {
            NormalTable,
            ErrorTable,
        },
        data: () => ({
            model: 'tab-success',
        }),
    }
</script>

<style scoped>

</style>